<template>
	<div>
		<div class="pictureInfo">
			<h3 class="title">现代简约 明亮的外表卧室背景墙、吊顶黄色</h3>
			<p class="subtitle">
				<span>发表时间: 2019-2-10 10:45:31</span>
				<span>点击：15次</span>
			</p>
			<hr>

		<!-- 缩略图区域 -->
			<div>
    			<vue-preview
      				:list="list"
      				:thumbImageStyle="{width: '80px', height: '80px', margin: '10px', boxShadow: '0 0 8px #999'}"
      				:previewBoxStyle="{border: '1px solid #eee'}"
      				:tapToClose="true"
    			/>
  			</div>

			<!-- 内容描述区域 -->
			<div class="content">
				<p>在前期设计中，我们必须还要做的一件事，那就是对自己的房间进行一次详细的测量，这除了让你购买建材时准确外，在结算时更能免遭被黑。测量的主要内容包括：</p>
				<p>1. 明确装修过程涉及的面积。特别是贴砖面积、墙面漆面积、壁纸面积、地板面积。</p>
				<p>2. 明确主要墙面尺寸。特别是以后需要设计摆放家具的墙面尺寸</p>
				<p>3. 进入到施工阶段，主体拆改是最先上的一个项目，主要包括拆墙、铲墙皮、拆暖气设配、换塑钢窗等等。说白了，就是把工地的框架先搭起来</p>
			</div>

			<comment></comment>
		</div>
	</div>
</template>

<script type="text/javascript">
	import comment from './subcomponents/comment.vue';
	export default {
		components: {
			comment
		},
		data() {
    return {
      list: [
        {
          src: 'https://placekitten.com/600/400',
          w: 600,
          h: 600
        },
        {
          src: 'https://placekitten.com/1200/900',
          w: 600,
          h: 600
        },
        {
        	src: 'http://129.204.193.180:5000/static/picture/ms/zyq2.jpg',
        	w: 600,
        	h: 600
        },
        {
        	src: 'http://129.204.193.180:5000/static/picture/sy/u=1954429463,3504754458&fm=72.jpg',
        	w: 600,
        	h: 600
        }
      ]
    }
  }
	}
</script>

<style scoped lang="less">
	.pictureInfo{
		padding:3px;
		h3{
			font-size: 15px;
			color:skyblue;
			text-align:center;
			margin: 15px 0;
		}
		.subtitle{
			display: flex;
			justify-content: space-between;
			font-size: 13px;
		}
		.content{
			font-size: 13px;
			line-height:30px;
			p{color: #000;}
		}
	}
</style>